@charset "UTF-8";

* {box-sizing: border-box;}
body, div, span, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; } 
ul, ol {list-style: none;}
body{ font-family: -apple-system,PingFang SC,Hiragino Sans GB,Arial,Microsoft YaHei,Helvetica Neue,sans-serif; }

/* 全局model */
.dialog-model {
	position: fixed;
	z-index: 2019;
	top: 0;right:0;bottom: 0;left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.dialog-model .model-masking {
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
}

/* 动画 */
.animation-scale-enter-active,
.animation-scale-leave-active {
	transition: all .3s;
}
.animation-scale-enter,
.animation-scale-leave-to{
	  opacity: 0;
	  transform: scale3d(0.9, 0.9, .9);
}

.animation-fade-enter-active,
.animation-fade-leave-active {
	transition: all .3s;
}
.animation-fade-enter,
.animation-fade-leave-to{
	  opacity: 0;
}

.animation-right-enter-active,
.animation-right-leave-active {
	transition: all .5s;
}
.animation-right-enter,
.animation-right-leave-to{
	transform: translateX(100%);
}

.animation-down-enter-active,
.animation-down-leave-active {
	transition: all .5s;
}
.animation-down-enter,
.animation-down-leave-to{
	transform: translateY(100%);
}
@keyframes aly-down {
	0% {
		transform: translateY(-100%);
	}
	100% { }
}
@keyframes aly-up {
	0% {
		transform: translateY(100%);
	}
	100% { }
}

@keyframes aly-scale {
	0% {
		transform: scale(.5);
	}
	100% { }
}